<template>
	   <view id="cook">
		   <!-- 顶部的统计信息 -->
		   <view class="top">
			   <view class="left">
				   <image  class="icon1" src="../../static/image/icon_cha.png"></image>
				   <text>已有9个行程</text>
			   </view>
			   <view class="right">
				   <image class="icon1" src="../../static/image/77.png"></image>
				   <text>历史</text>
			   </view>
		   </view>
		   <CookCard v-for="item in list" :key="item.id" :obj="item"></CookCard>
	
	   </view>
</template>

<script>
	import  CookCard from '../../components/cook-card/index.vue'
	import  {cooklist} from  '../like/goods.json'
	export default{
		components:{
			CookCard
		},
		data(){
			return{
				list:[]
			}
		},
		created(){
			this.list=cooklist
		}
	}
</script>
<style lang="less" scoped>
	#cook{
		padding: 0px 15px;
		box-sizing: border-box;
		.top{
			 display: flex;
			 justify-content: space-between;
			 align-items: center;
			 padding: 20px 0px;
			 	box-sizing: border-box;
		
		}
	}
	.icon1{
		
		width: 15px;
		height: 15px;
		vertical-align: middle;
		margin-right: 5px;
	}

	
</style>
